import React, {Component} from 'react'
import './tabbar.css'
import icon_tabbar from './icon_tabbar.png'
class Tabbar extends Component {
  render() {
    return (
        <div className="mff-tab">
          <div className="mff-tab__panel">
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
            <h1>fadsfsd</h1>
          </div>
          <div className="mff-tabbar">
            <a href="" className="mff-tabbar__item mff-tabbar__item_on">
              <img src={icon_tabbar} alt="" className="mff-tabbar__icon"/>
              <p className="mff-tabbar__label">微信</p>
            </a>
            <a href="" className="mff-tabbar__item">
              <img src={icon_tabbar} alt="" className="mff-tabbar__icon"/>
              <p className="mff-tabbar__label">通讯录</p>
            </a>
            <a href="" className="mff-tabbar__item">
              <img src={icon_tabbar} alt="" className="mff-tabbar__icon"/>
              <p className="mff-tabbar__label">发现</p>
            </a>
            <a href="" className="mff-tabbar__item">
              <img src={icon_tabbar} alt="" className="mff-tabbar__icon"/>
              <p className="mff-tabbar__label">我</p>
            </a>
          </div>
        </div>
    );
  }
}

export default Tabbar;
